e107 में Asyntai AI चैटबॉट कैसे जोड़ें

e107 CMS वेबसाइटों के लिए चरण-दर-चरण मार्गदर्शिका

प्लेटफ़ॉर्म:

चरण 1: अपना एम्बेड कोड प्राप्त करें

सबसे पहले, अपने Asyntai डैशबोर्ड पर जाएँ और नीचे "Embed Code" अनुभाग तक स्क्रॉल करें। अपना यूनिक एम्बेड कोड कॉपी करें, जो कुछ इस तरह दिखेगा:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

नोट: ऊपर दिया गया कोड केवल एक उदाहरण है। आपको अपने डैशबोर्ड से अपना अद्वितीय एम्बेड कोड कॉपी करना होगा क्योंकि इसमें आपकी व्यक्तिगत विजेट ID होती है।

चरण 2: थीम टेम्पलेट में जोड़ें (अनुशंसित)

चैटबॉट जोड़ने का अनुशंसित तरीका अपनी e107 थीम टेम्पलेट फ़ाइल को सीधे संपादित करना है:

अपने e107 थीम फ़ोल्डर पर नेविगेट करें: e107_themes/yourtheme/
थीम की मुख्य टेम्पलेट फ़ाइल खोलें (आमतौर पर theme.php या theme.html)
क्लोज़िंग </body> टैग खोजें
</body> टैग से ठीक पहले अपना Asyntai एम्बेड कोड पेस्ट करें:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

सुझाव: यदि आपकी थीम theme.php का उपयोग करती है, तो वह अनुभाग खोजें जहाँ फुटर HTML रेंडर होता है। एम्बेड कोड को सभी अन्य सामग्री के बाद लेकिन क्लोज़िंग बॉडी टैग से पहले रखा जाना चाहिए।

वैकल्पिक विधि 1: e107 कस्टम हेडर/फुटर का उपयोग करना

आप थीम फ़ाइलें संपादित किए बिना e107 एडमिन पैनल के माध्यम से चैटबॉट स्क्रिप्ट जोड़ सकते हैं:

अपने e107 एडमिन पैनल में लॉग इन करें
Admin > Preferences > Site Preferences पर जाएँ
"कस्टम फुटर" या "फुटर स्क्रिप्ट" अनुभाग खोजें
फुटर स्क्रिप्ट टेक्स्ट क्षेत्र में अपना Asyntai एम्बेड कोड पेस्ट करें
परिवर्तन लागू करने के लिए "सहेजें" पर क्लिक करें

नोट: यह विधि सबसे आसान है यदि आप थीम फ़ाइलें सीधे संपादित करने से बचना चाहते हैं। स्क्रिप्ट स्वचालित रूप से आपकी e107 साइट के हर पृष्ठ पर शामिल होगी।

वैकल्पिक विधि 2: e107 प्लगइन का उपयोग करना

अधिक मॉड्यूलर दृष्टिकोण के लिए, आप एक सरल प्लगइन बना सकते हैं या चैटबॉट स्क्रिप्ट इंजेक्ट करने के लिए प्लगइन हुक सिस्टम का उपयोग कर सकते हैं:

एक सरल प्लगइन बनाएँ या "कस्टम पेज" प्लगइन का उपयोग करें
अपनी प्लगइन डायरेक्टरी में एक e_footer.php फ़ाइल बनाकर e107 के प्लगइन हुक सिस्टम के माध्यम से स्क्रिप्ट जोड़ें
e_footer.php के अंदर, अपना एम्बेड कोड आउटपुट करें:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
?>

सुझाव: प्लगइन हुक दृष्टिकोण आपके चैटबॉट एकीकरण को थीम से अलग रखता है, इसलिए यदि आप थीम बदलते हैं तो भी यह बना रहेगा।

वैकल्पिक विधि 3: e107 मेनू सिस्टम का उपयोग करना

आप फुटर क्षेत्र में चैटबॉट स्क्रिप्ट जोड़ने के लिए e107 के बिल्ट-इन मेनू सिस्टम का उपयोग कर सकते हैं:

अपने e107 एडमिन पैनल में लॉग इन करें
एडमिन > मेनू पर जाएँ
एक कस्टम HTML मेनू बनाएँ
मेनू सामग्री में अपना Asyntai एम्बेड कोड पेस्ट करें
मेनू को अपने टेम्पलेट के फुटर क्षेत्र में असाइन करें
मेनू कॉन्फ़िगरेशन सहेजें

महत्वपूर्ण: मेनू सिस्टम का उपयोग करते समय, सुनिश्चित करें कि जिस मेनू क्षेत्र को आप असाइन करते हैं वह रॉ HTML/स्क्रिप्ट आउटपुट का समर्थन करता है। कुछ मेनू क्षेत्र सुरक्षा के लिए स्क्रिप्ट टैग हटा सकते हैं। यदि स्क्रिप्ट हटा दी जाती है, तो इसके बजाय अन्य विधियों में से एक का उपयोग करें।

चरण 3: इंस्टॉलेशन सत्यापित करें

अपने परिवर्तन सहेजने के बाद, अपनी e107 वेबसाइट को एक नए ब्राउज़र टैब या इनकॉग्निटो विंडो में देखें। आपको नीचे दाएँ कोने में चैट विजेट बटन दिखाई देना चाहिए। यह सुनिश्चित करने के लिए इस पर क्लिक करें कि यह सही ढंग से खुलता और काम करता है।

विजेट दिखाई नहीं दे रहा? अपने एडमिन पैनल में एडमिन > कैश से अपना e107 कैश साफ़ करने का प्रयास करें। अपना ब्राउज़र कैश साफ़ करने या इनकॉग्निटो विंडो में देखने का भी प्रयास करें। सुनिश्चित करें कि आपका एम्बेड कोड सही ढंग से रखा गया है और इसमें डैशबोर्ड से आपकी अद्वितीय विजेट ID शामिल है।